<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@page import = "java.util.*" %>
<%@page import = "Modelo.*, javax.swing.*" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen" />
        

         <script  type="text/javascript">
            $(document).ready(function(){
                $(".item3").draggable({helper: 'clone' , cursor: 'move'});



                $(".lista3").droppable({
                    accept: ".item3",
                    drop: function(ev, ui) {
                        // Añado el objeto origen a la lista destino
                        $(this).append($(ui.draggable));
                    }
                });

                });

                $("#botonResultado").click(function () {
                    alert("aaaaaaaaaa");

                    $('.lista li').each(function () {
                       if($(this).parent().attr('id')=='listaDestino'){
                            crear($(this).attr('id'));
                            //alert("1-encuesta selecionada");

                        };
                    });


                    $('.lista3 li').each(function () {
                    
                    
                        if($(this).parent().attr('id')=='listaDestino3'){
                            crearP($(this).attr('id'));
                            //alert("1-persona seleccionada");

                        };
                    });
                    
                    document.form25.submit();

                });
        </script>

         <script type="text/javascript">
            var num2=0;
            // Funcion para crear lineas de objetos
            function crearP(idp) {
                num2++;
                fi = document.getElementById('na2'); // 1
                contenedor = document.createElement('div'); // 2
                contenedor.id = 'div2'+num2; // 3
                fi.appendChild(contenedor); // 4

                ele = document.createElement('input'); // 5
                ele.type = 'hidden'; // 6
                ele.name = 'persona'+num2;
                ele.id =idp;
                ele.value = idp;
                contenedor.appendChild(ele); // 7
            }
        </script>
    </head>
    <body>
        <%  String id = (String) request.getParameter("var");%>
        <div>
            <ul class="lista3" id="listaOrigen3">
                <h4 class="titulo3"> Disponibles</h4>
                <%


        List resultado3 = new Persona().getListaPersonasMias(Long.parseLong(id));
        Iterator iterador3 = resultado3.iterator();
        Persona per;

        while (iterador3.hasNext()) {
            per = (Persona) iterador3.next();




                %>
                <li class="item3" id="<%=per.getId()%>"> <%=per.getNombre()%></li>
                <%
        }
                %>
            </ul>

            <ul class="lista3" id="listaDestino3">
                <h4 class="titulo3"> Seleccionadas</h4>
            </ul>

        </div>
    </body>
</html>
